<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>抢单</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link href="__WCSS__/mui.min.css" rel="stylesheet">
		<script type="text/javascript" src="__COM__/js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="__COM__/layer/layer.js"></script>
		<script type="text/javascript" src="__COM__/js/index.js" ></script>
		<style>
			html,
			body {
				background-color: #1e1e1e;
				line-height: 15px;
			}
			.mui-bar~.mui-content .mui-fullscreen {
				top: 44px;
				height: auto;
			}
			.mui-pull-top-tips {
				position: absolute;
				top: -20px;
				left: 50%;
				margin-left: -25px;
				width: 40px;
				height: 40px;
				border-radius: 100%;
			}
			.mui-bar~.mui-pull-top-tips {
				top: 24px;
			}
			.mui-pull-top-wrapper {
				width: 42px;
				height: 42px;
				display: block;
				text-align: center;
				background-color: #efeff4;
				border: 1px solid #ddd;
				border-radius: 25px;
				background-clip: padding-box;
				box-shadow: 0 4px 10px #c7a780;
				overflow: hidden;
			}
			.mui-pull-top-tips.mui-transitioning {
				-webkit-transition-duration: 200ms;
				transition-duration: 200ms;
			}
			.mui-pull-top-tips .mui-pull-loading {
				/*-webkit-backface-visibility: hidden;
				-webkit-transition-duration: 400ms;
				transition-duration: 400ms;*/
				
				margin: 0;
			}
			.mui-pull-top-wrapper .mui-icon,
			.mui-pull-top-wrapper .mui-spinner {
				margin-top:7px;
			}
			.mui-pull-top-wrapper .mui-icon.mui-reverse {
				/*-webkit-transform: rotate(180deg) translateZ(0);*/
			}
			.mui-pull-bottom-tips {
				text-align:center;
				background-color:#efeff4;
				font-size:15px;
				line-height:40px;
				color:#777;
			}
			.mui-pull-top-canvas {
				overflow:hidden;
				background-color:#fafafa;
				border-radius:40px;
				box-shadow:0 4px 10px #c7a780;
				width:40px;
				height:40px;
				margin:0 auto;
			}
			.mui-pull-top-canvas canvas {
				width:40px;
			}
			.mui-slider-indicator.mui-segmented-control {
				background-color:#262626;
			}
			.mui-table-view-cell:after{
				background-color:#34313d;
			}
			.tab{
				background:#262626;
				top:0;
				box-shadow:0 0px 0px #ccc;
				-webkit-box-shadow:0 0px 0px #ccc;
			}
			.head{
				font-family:'微软雅黑';
				color:#c7a780;
			}
			.headlist{
				margin-left:35px;
			}
			.ullist{
				width:90%;
				margin-top:20px;
				background:#1e1e1e;
				line-height:2em; 
			}
			.dingdan{
				margin-left:7%;
				font-family:'微软雅黑';
				color:#b49154;
			}
			.buttonchakan{
				position:absolute;
				background:linear-gradient(to right, #b18e51 , #dcbb7b);
				color:#000;
				top:12px;
				font-size:0.8em;
				right:10px;
				line-height:1.1em;
				width:80px;
				border-radius:10px;
				border:0px solid;
			}
		</style>
	<script>
if(('standalone' in window.navigator)&&window.navigator.standalone){
var noddy,remotes=false;
document.addEventListener('click',function(event){
noddy=event.target;
while(noddy.nodeName!=='A'&&noddy.nodeName!=='HTML') noddy=noddy.parentNode;
if('href' in noddy&&noddy.href.indexOf('http')!==-1&&(noddy.href.indexOf(document.location.host)!==-1||remotes)){
event.preventDefault();
document.location.href=noddy.href;
}
},false);
}
</script></head>
    <style>

         .mui-control-item headlist{color:#fff;}
    </style>
	<body style="background:#1e1e1e;">
		<header class="mui-bar mui-bar-nav tab" >
				<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left" href="javascript:history.go(-1)"></a>
				<h1 class="mui-title head">收单列表</h1>
		</header>
		<div class="mui-content">
			<div id="slider" class="mui-slider mui-fullscreen">
				<div id="sliderSegmentedControl" class="mui-scroll-wrapper mui-slider-indicator mui-segmented-control mui-segmented-control-inverted">
					<div class="mui-scroll">
						<a class="mui-control-item mui-active headlist" id="itemmobilea" href="javascript:void(0);">
							待收款
						</a>
						<a class="mui-control-item headlist" id="itemmobileb"  href="javascript:void(0);">
							已收款
						</a>
						<a class="mui-control-item headlist" id="itemmobilec"  href="javascript:void(0);">
							已取消
						</a>
						
						
					</div>
				</div>
				
				<div class="mui-slider-group"  id="item1mobile" style="display:block;">
					<div  class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll"  style="    overflow: scroll;
    width: 400px;
    height: 536px;">
							<empty name = 'slist'>
								<ul class="mui-table-view ullist">
									<li class="mui-table-view-cell mui-collapse-content"><p style="text-align: center;">暂时没有记录</p> </li>
								</ul>
							<else/>





							<foreach name='slist' item='info'>
								<ul class="mui-table-view ullist">
									<li class="mui-table-view-cell mui-collapse-content"><p class="dingdan">类型</p><p style="position: absolute; left: 35%; bottom: 12px; font-family: '微软雅黑';font-size: 1em; color: #fff;">
                                       <?php   if ($info['class'] == 1) { ?>	
                                                微信
                                       <?php  }elseif($info['class'] == 2){  ?>
                                                支付宝
                                       <?php  }elseif($info['class'] == 3){  ?>

                                                  商家码

                                        <?php } ?>

										{$info.class=1}

名字：<?php echo  ewmxinxi($info['idewm']);?>
									</p> </li>

									<li class="mui-table-view-cell mui-collapse-content"><p class="dingdan">金额</p><p style="position: absolute; left: 35%; bottom: 12px; font-family: '微软雅黑';font-size: 1em; color: #fff;">{$info.pay_money}元</p> </li>
                                    
                                    <li class="mui-table-view-cell mui-collapse-content"><p class="dingdan">匹配时间</p><p style="position: absolute; left: 35%; bottom: 12px; font-family: '微软雅黑';font-size: 1em; color: #fff;"><?=date('Y-m-d H:i:s',$info['pipeitime'])?></p> </li>


									<li class="mui-table-view-cell mui-collapse-content"><p class="dingdan">充值单号</p><p style="position: absolute; left: 35%; bottom: 12px; font-family: '微软雅黑';font-size: 1em;     color: #f0ad4e;">{$info.pay_sn}</p> </li>
									<a href="<?php echo U('Index/qiangdanxq',array('id'=>$info['id']));?>" type="button"class="buttonchakan" style="display: inline-block;  width: 22%;height: 26px;line-height: 26px;text-align: center;    top: 161px;">查看详情</a>


									
								</ul>
							</foreach>	









							</empty>
							</div>
						</div>
					</div>
					
				</div>
				
				<div class="mui-slider-group"  id="item2mobile"  style="display:none;">

					<div  class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll" style="    overflow: scroll;
    width: 400px;
    height: 536px;">
								<empty name = 'flist'>
								<ul class="mui-table-view ullist">
									<li class="mui-table-view-cell mui-collapse-content"><p style="text-align: center;">暂时没有记录</p> </li>
								</ul>
								<else/>
								<foreach name='flist' item='info'>
									<ul class="mui-table-view ullist">
										<li class="mui-table-view-cell mui-collapse-content"><p class="dingdan"><?php echo  getclass($info['class']);?><br/><?php echo  ewmxinxi($info['idewm']);?></p><p style="position: absolute; left: 35%; bottom: 12px; font-family: '微软雅黑';font-size: 1em; color: #fff;">{$info.pay_sn}</p> </li>


										<a href="<?php echo U('Index/qiangdanxq',array('id'=>$info['id']));?>" type="button"class="buttonchakan" style="display: inline-block;  width: 22%;height: 26px;line-height: 26px;text-align: center;">查看详情</a>




																			</ul>
								</foreach>	
								</empty>
							</div>
						</div>
					</div>
					
				</div>
				
				
				<div class="mui-slider-group"  id="item3mobile"  style="display:none;">

					<div  class="mui-slider-item mui-control-content">
						<div class="mui-scroll-wrapper">
							<div class="mui-scroll" style="    overflow: scroll;
    width: 400px;
    height: 536px;">
								<empty name = 'dlist'>
								<ul class="mui-table-view ullist">
									<li class="mui-table-view-cell mui-collapse-content"><p style="text-align: center;">暂时没有记录</p> </li>
								</ul>
								<else/>
								<foreach name='dlist' item='info'>
									<ul class="mui-table-view ullist">
										<li class="mui-table-view-cell mui-collapse-content"><p class="dingdan"><?php echo  getclass($info['class']);?><br/><?php echo  ewmxinxi($info['idewm']);?></p><p style="position: absolute; left: 35%; bottom: 12px; font-family: '微软雅黑';font-size: 1em; color: #fff;">{$info.pay_sn}</p> </li>
										<a href="<?php echo U('Index/qiangdanxq',array('id'=>$info['id']));?>" type="button"class="buttonchakan" style="display: inline-block;width: 22%;height: 26px;line-height: 26px;text-align: center;">查看详情</a>

									</ul>
								</foreach>	
								</empty>
							</div>
						</div>
					</div>
					
				</div>
				
				
				
				
				
				
				
				
				
			</div>
		</div>
		<style>
.Lav {
    background:#333;
        padding: 5px 0 2px 0;
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
	z-index: 999;
}
.Lav ul {
    height: 0px;
}
.Lav ul li {
    float: left;
    width: 25%;
    text-align: center;
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
.Lav ul li span {
    display: block;
    color: #c7a780;
    font-size: 10px;
    font-family: "微软雅黑";
    
}
a {
    color: #c7a780;
    text-decoration: none;
}
* {
    padding: 0;
    margin: 0;
    list-style: none;
    font-weight: normal;
}
#zt{display:none;}
 </style>
<div class="Lav">
            <ul>
                <li>
                    <a href="{:U('Index/index')}"><span><img src="__WCSS__/new_mobile/shouyeye.png" height="25"></span><span>首页</span></a>
                </li>
                <li style="position:relative;">
                    <a href="{:U('Index/qdgame')}"><span><img src="__WCSS__/new_mobile/zhucece.png" height="25"></span><span>抢单</span></a>
                </li>
                <li>
                    <a href="{:U('Index/shoudan')}"><span><img src="__WCSS__/new_mobile/shangquanquan.png" height="25"></span><span>收单</span></a>
                </li>
                <li>
                    <a href="{:U('User/index')}"><span><img src="__WCSS__/new_mobile/shezz.png" height="25"></span><span>我的</span></a>
                </li>
            </ul>
</div>
	</body>
	<script type="text/javascript">
		$("#itemmobilea").click(function(){
			$("#item1mobile").show();
			$("#item2mobile").hide();
			$("#item3mobile").hide();
			$("#itemmobilea").addClass('mui-active');
			$("#itemmobileb").removeClass('mui-active');
			$("#itemmobilec").removeClass('mui-active');
			
		});
		$("#itemmobileb").click(function(){
			$("#item1mobile").hide();
			$("#item2mobile").show();
			$("#item3mobile").hide();
			$("#itemmobileb").addClass('mui-active');
			$("#itemmobilea").removeClass('mui-active');
			$("#itemmobilec").removeClass('mui-active');
			
		});
		$("#itemmobilec").click(function(){
			$("#item1mobile").hide();
			$("#item2mobile").hide();
			$("#item3mobile").show();
			$("#itemmobilec").addClass('mui-active');
			$("#itemmobileb").removeClass('mui-active');
			$("#itemmobilea").removeClass('mui-active');
			
		});
	
	</script>

</html>